body {
    height: 100%;
    min-height: 100vh;
    min-width: 1200px;
    padding: 0;
    color: #666;
    font: 16px/2 Microsoft YaHei,arial,sans-serif;
    background-color: #f6f4f1
}

body,img {
    width: 100%;
    margin: 0 auto
}

img {
    border-style: none;
    display: block
}

article,aside,b,button,dd,dialog,dl,dt,em,figure,footer,h1,h2,h3,h4,h5,h6,header,i,input,label,menu,nav,ol,optgroup,p,section,select,strong,textarea,ul {
    margin: 0;
    padding: 0;
    font: normal normal 16px/2 Microsoft YaHei,arial,sans-serif
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed
}

dd,dl,dt,ol,ul {
    list-style-type: none
}

a {
    color: #666;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a:active,a:focus,a:hover,a:link,a:visited {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color: #666
}

a:hover {
    color: #a4672e
}

a:active {
    opacity: .6
}

::-moz-placeholder {
    font-family: Microsoft YaHei;
    color: #999
}

::-webkit-input-placeholder {
    font-family: Microsoft YaHei;
    color: #999
}

::-ms-input-placeholder {
    font-family: Microsoft YaHei;
    color: #999
}

form {
    display: block;
    width: 100%
}

label {
    padding-right: 12px;
    margin-top: 20px
}

input,label,select,textarea {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    vertical-align: top
}

<style>
  table {
    width: 100%;
    border-collapse: collapse; /* 合并表格边框 */
    margin: 20px 0;
  }

  th, td {
    border: 1px solid #ccc; /* 添加边框 */
    padding: 10px; /* 单元格内边距 */
    text-align: center; /* 内容居中 */
  }

  th {
    background-color: #f2f2f2; /* 表头背景色 */
    font-weight: bold;
  }

  td {
    background-color: #fff;
  }

  tr:nth-child(even) {
    background-color: #f9f9f9; /* 设置偶数行背景颜色 */
  }

  tr:hover {
    background-color: #eaeaea; /* 设置表格行的悬停背景色 */
  }
</style>

input,select,textarea {
    border: 1px solid #eedfc5;
    background-color: #f8f3ea;
    outline: none;
    -webkit-tap-highlight-color: #f8f3ea;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 190px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 10px 0 0;
    color: #666;
    font-size: 16px
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f8f3ea inset;
    box-shadow: inset 0 0 0 1000px #f8f3ea
}

.radio {
    height: 36px;
    line-height: 36px;
    margin-top: 20px;
    vertical-align: top
}

.radio,.radio-item {
    display: inline-block
}

.radio-item {
    padding: 0 20px 0 40px;
    position: relative;
    cursor: pointer
}

.radio-item:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eedfc5;
    background-color: #f8f3ea
}

.radio-item.active:before {
    border-color: #a4672e;
    background: #a4672e url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAVFBMVEUAAAD49O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O349O2fxZrpAAAAG3RSTlMAxdMHYvTmuKItJhMN7uHAupyUdnNqTTUfHRx+yvvMAAAAVklEQVQI102NWRKAMAhDS6ld3XfN/e9p6zKSn/AYSJRQPY1RoGndztnPm9hXOpQjqo5sycFuZT8DmlUiNOvzpgFvCFjemKBRNPzBlJFYNPWwUUl15psuHrQDiu2xZ08AAAAASUVORK5CYII=") no-repeat 50%;
    -webkit-background-size: 15px 10px;
    -moz-background-size: 15px 10px;
    background-size: 15px 10px
}

.select {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 20px 10px 0 0;
    vertical-align: top;
    border: 1px solid #eedfc5;
    width: 190px;
    height: 36px;
    background-color: #f8f3ea
}

.select.w180 {
    width: 180px
}

.select>select {
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    filter: alpha(opacity=0);
    padding-left: 15px;
    margin: 0;
    background-color: #fff
}

.select>span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px 0 15px;
    overflow: hidden;
    line-height: 34px
}

.select>span:after {
    content: "";
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 9px;
    position: absolute;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAASFBMVEUAAAAAAAAKDA8AAAChvOUMDRBzhaIaHyUAAAA/SFVUYnY2QU4AAAAnLDXN7f8AAACxzfuKocNSXW8uN0ETFxsAAAA8QlESFRkNjvBCAAAAFXRSTlMAv04/I/nt39y/t7Ksm4l/VzMyFQm8k7PjAAAAQklEQVQI10WJRxKAQAzDzLL0XgT//ymZZAAdbHmsa8gK9k4zLKdpWWBZQ5tM8Ztg8rG6Vwp64NZLA+kbmVE/2+H1ANEkAxf//Te8AAAAAElFTkSuQmCC") no-repeat 50%;
    -webkit-background-size: 12px 9px;
    -moz-background-size: 12px 9px;
    background-size: 12px 9px
}

.checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #666;
    vertical-align: top;
    position: relative;
    top: 50%;
    margin: 6px 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer
}

.checkbox.active {
    background: #000 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAZCAYAAABQDyyRAAAAuElEQVRIie3TMQrCMBSH8bh5AY/h7imcBceCUHBzcRPP2GP0AE7ySSAiRGPyXpPXpf89+X2lxFkPWJuj7wFXYAA2c+AXPrONAHq+ZxORwP2ewH5O/LjgCx4fXgF37dMAuklfDtzCAfH79ECA1PghOlgcUQPfAY8fF2QjJuPhki0wJv5fMqIKro34g/udRLg0IoP3KlwQcW6GF0akVgdXRtTFhRFt8MKItngmwgZPRNjiUURX9VLn3AsO9owFKX10dAAAAABJRU5ErkJggg==") no-repeat 50%;
    -webkit-background-size: 80% 80%;
    -moz-background-size: 80%;
    background-size: 80%
}

.red {
    color: #c30!important
}

.mt30 {
    margin-top: 30px!important
}

.mt15 {
    margin-top: 15px!important
}

.mt1 {
    margin-top: 1px!important
}

.no-border {
    border: none!important
}

.clear:after {
    content: "";
    display: block;
    clear: both
}

.container {
    width: 1200px;
    margin: 0 auto
}

.container-right {
    width: 300px;
    float: right
}

.container-left {
    width: 885px;
    float: left
}

.title {
    padding: 10px 15px 0;
    font-size: 24px;
    color: #333;
    position: relative;
    background-color: #fff;
    letter-spacing: 2px
}

.container-left h2 {
    font-size: 20px;
    color: #000;
}

.title-center {
    text-align: center
}

.title_nav {
    position: absolute;
    right: 25px;
    top: 15px;
    font-size: 16px;
    letter-spacing: 0
}

.title_nav i {
    color: #cfc2aa
}

.title-line {
    position: relative;
    margin-top: 10px;
    text-align: center
}

.title-line span {
    display: inline-block;
    padding: 0 15px;
    background-color: #fff;
    z-index: 1;
    position: relative
}

.title-line:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #eee
}

.white-box {
    padding: 0 25px 25px;
    background-color: #fff
}

.white-box__side {
    padding: 0 15px 20px;
    background-color: #fff
}

.ellipsis {
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 32px;
    overflow: hidden
}

.body-msg {
    top: 50%;
    left: 50%;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    font-size: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation: slideLeft .3s ease forwards;
    -moz-animation: slideLeft .3s ease forwards;
    -o-animation: slideLeft .3s ease forwards;
    animation: slideLeft .3s ease forwards;
    -webkit-transform: translate(-40%,-50%);
    -moz-transform: translate(-40%,-50%);
    -ms-transform: translate(-40%,-50%);
    -o-transform: translate(-40%,-50%);
    transform: translate(-40%,-50%);
    opacity: 0
}

.body-loading,.body-msg {
    position: fixed;
    z-index: 9
}

.body-loading {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.body-loading span {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    font-size: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation: fadeIn .3s ease forwards;
    -moz-animation: fadeIn .3s ease forwards;
    -o-animation: fadeIn .3s ease forwards;
    animation: fadeIn .3s ease forwards;
    -webkit-transform: translate(-45%,-50%);
    -moz-transform: translate(-45%,-50%);
    -ms-transform: translate(-45%,-50%);
    -o-transform: translate(-45%,-50%);
    transform: translate(-45%,-50%);
    opacity: 0
}

.body-loading span:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    margin: 10px 5px 0 0;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAn1BMVEUAAAC8u7yxr7DLysrOzs7S0tK6uLmjoaLp6enFxMWvra+lo6SWlJXr6+vm5ubf39/R0dG7ubrBv8Dh4eGlo6Tc3NyenJ2rqaqbmZrp6emhn6Da2tqxsLDY2Niura2amJnHxsfLy8uzs7PCwMHf39+UkpOioKGvrq6YlpeYlpf+//+XlZd2c3WamJni4uLb29vDwcKysrKrqarT09P09fV/crQcAAAALXRSTlMAIRMu+1X++/19TjBWMSXjzcy5emZlPN7dwcC4j4x+fkPr4d/V1c6wk+3MpmKjQrqtAAABDUlEQVQoz73P2XKCQBAF0NvDElkUZV9EUaNmG7bk/78tYyjCjCSvngeqmluXbvBAWfZPsApIPBaLJcD2NIuDuhjjd/4yi5d1bQxxzHmMmbL2QIsvDef78iq6bfTqANkbPvgrA5yQpr1NUxKM5wiCe3bFcZzvMaKiaTwDv9yU81y6XjQbb5pSnrpQRZHUDpWIBCiY9KbQhTWT0vxJyDFYfwpKfLnFl3HSBCjIcRzIDOnH7BCqaq0fpinpE1v+lK/rB7md9P2VMLJ0vSRUG+Mn29hg277fYaRZFYBTa8HfIOyODIh3DhRWewIzTcKx22JGa1sDZJoa7K6LAdyXfQwxrn/UyaIxZtJelTjtcb4BNboSop/e5fkAAAAASUVORK5CYII=") no-repeat 50%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite
}

.header-top {
    background-color: #fff;
    height: 100px;
    overflow: hidden
}

.header-top a {
    height: 60px;
    width: 192px;
    margin: 20px 25px 20px 0;
    float: left
}

.header-top__slogan {
    float: left;
    line-height: 26px;
    margin: 24px 0;
    color: #000
}

.header-nav {
    background-color: #b27f4f;
    height: 60px;
    overflow: hidden
}

.header-nav a {
    float: left;
    width: 7.1%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-size: 20px
}

.header-nav a.active,.header-nav a:hover {
    background-color: #a4672e
}

.navigation {
    background-color: #fff;
    height: 50px;
    padding: 10px 0;
    text-align: center;
    overflow: hidden
}

.navigation a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin: 0 5px;
    font-size: 18px;
    position: relative
}

.navigation a.active,.navigation a:hover {
    background-color: #f8f3ea;
    color: #a4672e
}

.navigation a.ffsm:after {
    content: "收费";
    position: absolute;
    padding: 0 3px;
    line-height: 16px;
    font-size: 12px;
    background-color: #a4672e;
    color: #fff;
    white-space: nowrap;
    top: -8px;
    right: -10px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    z-index: 1
}

.breadcrumb {
    height: 40px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.breadcrumb a {
    color: #999;
    display: inline-block;
    padding-right: 20px;
    position: relative;
    font-size: 15px
}

.breadcrumb a:first-child {
    padding-left: 35px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAuCAMAAABkkgs4AAAAflBMVEUAAADHwLTHwLTHwLTHwLTJwrfHwLTHwLTHwLTHwLTHwLTHwLTHwbXHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTHwLTm4dnHwLTc183W0MbUzsTg29Lb1czTzcLRy8DJwrfLxLgiHJ6bAAAAH3RSTlMAYPHTFf2wwOst4KD0TOS4USMdDeKNWigD+pmCdW434iqm0AAAAPBJREFUSMfd1cmOwjAQRdGKiWm605kIU495ASdO/v8HsQSkhACXNyDEXT6ddRVdq0zTmMKa53AlVYh9nwE9gEkcZHVT11vWfmtqV8tasqxly1q0smYra7ayZitrtrJmK2u2smYra7ayZhukyxmwrb11J11mEPEOBz3PoBYyzpyuqID6f5PxdAWsaBOtKQRTuqzIFYZdz4rbbqyVsAU468cGyJNjOWC8uIGisU80r43Vg/EUnR9bfI/rL3o/1oj4P31h58MWKub5B7DmFjYW+CNukwDoh2HogY8xN2mt4VrSWdECN5sUlwe6iK6Wrun+7QGFv4NXf4pAhwAAAABJRU5ErkJggg==") no-repeat 0;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px;
    background-size: 22px
}

.breadcrumb a:after {
    content: "";
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border: solid #c4ab7f;
    border-width: 1px 1px 0 0;
    width: 8px;
    height: 8px
}

.breadcrumb a:last-child:after {
    display: none
}

.breadcrumb a:hover {
    color: #a4672e
}

.footer {
    background-color: #282828;
    padding: 30px 0 40px;
    margin-top: 20px;
    position: relative
}

.footer:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 10px;
    background: url("data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAQCAwMDAgQDAwMEBAQEBQkGBQUFBQsICAYJDQsNDQ0LDAwOEBQRDg8TDwwMEhgSExUWFxcXDhEZGxkWGhQWFxb/2wBDAQQEBAUFBQoGBgoWDwwPFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhb/wgARCAAKAKoDAREAAhEBAxEB/8QAGwABAAIDAQEAAAAAAAAAAAAAAAMFAQIEBgj/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAD1BGanKdRoSmh0GCIrzBGTlGWZCQnQXpTHyORgAAAAAAAAAH//xABHEAAAAQcGBQsVAQAAAAAAAAADAAECBQgSEwQGBxQjQhUYIjKxJkNXY3J1kpOUo+MWISQnMzRAQURFUVVWYoGClaWz0tPi/9oACAEBAAE/AFi345FQktGXGrjoiVjfidrX6NLllAW9/wCIZAN+j6/RkhnmzFxc4osfxdbG0gz/AFqnmcAjt/DwMijJCLvx0RGb+luxkB9ZP/Isf4XL7WP3noiHb9lWsUZhZl9cX+LIVv0HBp3KNE65vvZ/jIBv1BwSNRn6Ibi44WtEuG/BYAeCqNjRb9aWuh1Alk31OHzdR2rAkNvl6aegxiVzfE4rWv0fqw9geFAlyZrXxPe6WPtOfCgOoNVVKyjoVtOLtjp9HWIZvte14aDR1IKtEPBfWKb7nBLHvpMji6l5sw7iDg+RzhDt8TsjBwZgqeG5avywU5zplj6z3r8TqIUNUc7jHFff3f8AkgW9KQb8zZuc/wDuSDfE9PYRQ8pGJdt9nqElwPR12V5XW1hkfI6iWPzO3Y9U/LhSlffQu7S0n8G//8QAFBEBAAAAAAAAAAAAAAAAAAAAUP/aAAgBAgEBPwAz/8QAFBEBAAAAAAAAAAAAAAAAAAAAUP/aAAgBAwEBPwAz/9k=") repeat-x;
    -webkit-background-size: auto 10px;
    -moz-background-size: auto 10px;
    background-size: auto 10px
}

.footer-about {
    text-align: center;
    list-style-type: none;
}

.footer-about a {
    display: inline-block;
    padding: 0 20px;
    border-right: 1px solid #666;
    line-height: 1.2
}

.footer-about a:last-child {
    border-right: none
}

.footer-friends {
    margin-top: 20px;
    text-align: center
}

.footer-friends a {
    display: inline-block;
    padding: 0 20px 0 0
}

.footer-copyright {
    margin-top: 20px;
    height: 45px;
    line-height: 45px;
    background-color: #343434;
    text-align: center
}

.footer-copyright a {
    display: inline-block;
    padding-right: 30px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAMAAAD3n0w0AAACglBMVEUAAAD////t7e3////Bycr7+/vo6Oj5+fnCxMX////////////Cvbm8zdC7u7vg4ODJycm2trbNzc2inpzp6erz8/PY2NjX19e2trb7+/vc3NzT1tb////JycnY2Nnt7e3///+enp7f39+jo6P9/f3l5eX////Jycne3t7////4+Pj////DwsAkp9YZpNXD3OQoqtgmqNgiqNfOy8fKyMfFxMPAvbuusrW7t7S3tbOysbG2sKybpauXn6UDVYkaUHYARnLs7Ovd5+rJ4Om31eHg4OCu0t6hzNvY2dnc2dh7v9eOv9OJv9MhpNLT0dAaodBLrM4NnM7W0c1ys8zLyskJlchbpcQEkMPAv8BGnr+9vb7Evr21trm6ubi6uLgBg7ebpaqeo6cae6cVdqYBbaEMZpcGZJUFWo1pfYwNVYYETIAEUHoAQm4YSGwGQ2sAPmoAM2PW7PLU5/Dy7erR4+jN4ei12OPh4eGn0N/I1d6lz96Wydzf3Nkdp9m0ydamx9Z3vNZoutbV1NRErNJ9u9G9zdAUoNDKzc5Qqs0yo83AysyEuMwjn8sgnsrTzMmXtsllrckKlskVmchMpcbOxsJgp8IzmsEdksAclb9Rnb1AmL0akr0xk7wljrgRiLcLhbZhmbUci7VFj7IAfbAziK6sq6smgautq6pKiKoIdakId6cQdKYAcKUBcKQNcaNTh6CQmJ+inp2QmJ0kcJgKa5gcaZghaJUGX5QAYJJvgo8PXIwiaotgeYlxfYchX4ZccoM1ZoNHaYAMToAZXH8yYXoAQ3g4YHcZV3Y3WnUAQ3RWZHELTHBCXG0MSGsANGoZQ2koT2cAO2cXPGUYR2MAIVAWKUyJXNGPAAAALHRSTlMAHhwPzEEPBf4nJBX58/Dt7e3h4d7Y2MnGwMDAurq3paKfmWZXUTYzJxgVCQdyH+AAAAGASURBVBjTYgADRk4GNMClIOLRztHVysvCwiKtxAoWYxW0NDEOiYoxN4+JMjE21pFQBQpy+JlnHDywL9shJz8v98T+TY5WGgwMpjpXz2Vu3b6irrJ/m13W0SsJsUwMzCFml7Iy0xc4TYj0cdqcfqjAxgwo6Gp53i41qWRaeGh8S/2OXQU2EWDB3LRVkRXhvr7+M1ySUi/a6LAxMHlY2K9b7O4VaGRkFFoWlpKTYMrGwGhiZr9yoUunnqGubmBD91oHWx2gYJOF/Rpvr4kGhoa6/tP1lzkk6rADxsBVbn0kRb8qQM/AQLcnuHTR6TgrBgZNR+udW8J8qttq9fQC3GYuORYtB/SRzPLo4/ODJ09qbuydPbVjt62wFiiE+C1ss72LnN3c9Z0L1+/hUQeHiJpAUGJe8px58XNnHc7oU4aGHadQUMRlu9XJaWc3TFGEhyijWKznmfyTF+KsZdkR4cwsb1W895TfRnFtlOBX4fOsWSrKjRYpTFKmkqhikHiBmwcArQJzlrvnQZwAAAAASUVORK5CYII=") no-repeat 100%;
    -webkit-background-size: 20px 22px;
    -moz-background-size: 20px 22px;
    background-size: 20px 22px
}

.footer-certification {
    font-size: 15px;
    text-align: center
}

.footer-certification a:first-child {
    padding-left: 25px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAACK1BMVEUAAAD89dn+/ODz6KqdaFjgqlbluWLcrGqxkHzeqFfYrn3s04Xx16769M347cToxnzhs2jbrGLkvFnpyF7v2X/kwm3hsGfqw3rt3oDbnFHktoLryXn9v1T4znr/74bnvGz034v+2I/ktoDz6ZLkwY/Dfz7buofr0pjs3bLv6KPRrnbKhFv/+dDZr4L/95f42oL7/97s2Y3++uzTk3ADAGQAAXjsx1zmuVnksVDWHRcAAW7qwmLmv1HfokjdmUXZSSjWPSHOAALuzWbktV3qvFr/0ljXYzHQFg3VBAptgpFrdodyeIKUj4EAAIDIsnqRiXb143Pyy27w1Gz+z2XtymH/2178wVy7jluTeFrrwFf+xVJRNlHpuFDjqlDtvE/psErVkEbysETajkPpgj7ThT3ilDvXdTg5FDjgbjbdhTXtcTDHVSe7TCbuXiPTOCLJPR/TLhzJJxP9LA+0Bw/ABg6Ej5kcPpeptJEACJEAG44XMInFvYfTvIejmYS9un4AEHp8enny2HjWwHhcX3jYzHfu2HWsonPNwnH70m9WTm//723pym3dtmm0o2ZeWWb/4mNuYmJ5ZGCnjVnYnli0mVjyyVbXkVPNrFKjfVJgHlBODk7/2E02Gk2EaUr/tUngjkf7n0b6xERCJES1gD/ooD3Ulj3TZT3WjjzOeDqBWDr3pDlMADn2gjaTYDZpAjbplzTEazOeXzDMPi38jizzfCjVdCjlYCPiRh7EGApq+dfRAAAANHRSTlMAGghC+eji4M7GrJRpW0H7+fX08Ozs5+bh0sfEw8G+vLqysaufnJiMg3xvXUxINTApJyEUtppfXgAAAWhJREFUGNNigAJGHg4OHkYGZMDHxbJx5dwZLFw6CDGm8PS1G7Zl9bSlhzPBtcpGR2zxyLN3XFAerQgVNRCY07fZ0rLA3r0kzGuRuCFYUM/fd1KuR4Gle55jbp2Vvz5Ys4yP6eLtHpYODpaODi1WDXJGQEGtVbW+U9Y4Zi+1me+e1W7l46oBFFRb71cxYWFOvltaRlL/RNPqRBWgIHtmYJlVTrJ9vptDxjKTqsZUdqAgYIIr5nmaFhe5ZaclF5WYeEalsAEFlWyDaypXF+8oLLTftK7er8OCGygolRQbXGpqYjJrpomJqXeoc6w0UJB/8rTUwKYIr97pzZ3e1kvsLESAgrw2tglbw0JnRyW6drlmJliYMTOARIVtUpY7uViYOwXZ2XWLMkPCTczMzDzSzDrExdY8yJoVIqgQ0Ors7GJhHWNna27uFKAMCU1uoZipcfFx8ZFmNiESmrAANdZW5ZRkZeOUV9cF8wF24WIHNNeXAAAAAABJRU5ErkJggg==") no-repeat 0;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    background-size: 20px 20px
}

.footer-certification a:last-child {
    padding-left: 30px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAqFBMVEUAAAAAibwAibwAibwAibwAibwAiLwAibwAh7sAibwAibwAibwAibwAibwAibwAibwAibwAibwAibwAibwAibwAibwAibwAibwAbq15w90Aibz///8AerUAcrAAgbcOj8CMy+J8w94om8ZKrtHv+Pug1OdVsdQ1osoAbawik8Lj8vjO6fLJ5vG/4u+o2OkZk8IOiLz5+fxluddOpczb7/Zxv9o0k8IAZKf+eKQ0AAAAGnRSTlMAB2cSUSQwV14bOYhFcIF5wuWikfnP1rDEsGVH+40AAAHVSURBVCjPdZPnltpADIU11R5XsIFNpuBGMbDAlpT3f7NobJMFTqIfLvOde0fSkeAhRJoK+GcQQhgPIxkGDD+faZIGPAhRqoKA8zR5pDIGoiApQBYRCAZx9IBzAbIkLCEgCIsDUPk9TakkRBIVlhleIBQomn4554KvEuDz68FprechqFkkMznSKFYgBFvpdbWp19ZqvWKMgZrup0zOFMxR507mU3fegLBcMTpgDmFJlp5+GvP6btq11ktFBeEDDhhAhhS9jTHbvfYRA7ABE4pfCy/eo/j0qx/wAjWUeG/EFLVv3XXX9e9bp4fwpwHmnTGAQuuqqS/nbm+aCRfomSWQhugwQ1w5+3E0pulHPhuMR4x5t5VzvzuzMT86axEvfdIUZKa8et3W9eVotnZnzOZgUT2Yj6mVPrVdU++d669H84qVlwCUT4VxjWGrn9tmr3vb+M5wxOTWlrnHzak+b+rKuqrS87EtE6a+ax+trXbbc2vRm/7FVODjxXM8dnZ3wcxe/FzSaZDEUPoUrq3fvnl6GyiR+9rLG7eH7/gb5l8jTb2PKBaeLgrhKYW7GCeHyCSRZLzwaZAJkLuNiOXzGuAWBAQZvp7XYFLxPIpyTuB/EVH6uB5/AHwfKhI0hyGMAAAAAElFTkSuQmCC") no-repeat 0;
    -webkit-background-size: 25px 25px;
    -moz-background-size: 25px 25px;
    background-size: 25px 25px
}

.hot-tags {
    padding: 10px 15px;
    background-color: #fff;
    margin-top: 15px
}

.hot-tags__box {
    overflow: hidden;
    height: 90px
}

.hot-tags__box span {
    font-size: 15px;
    float: left;
    margin-top: 4px;
    line-height: 25px
}

.hot-tags__box a {
    float: left;
    padding: 0 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 4px 4px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 25px;
    line-height: 23px
}

.hot-tags__box a:nth-child(3),.hot-tags__box a:nth-child(5),.hot-tags__box a:nth-child(10),.hot-tags__box a:nth-child(14),.hot-tags__box a:nth-child(18) {
    color: #d2956a
}

.hot-tags__box a:nth-child(6),.hot-tags__box a:nth-child(20) {
    color: #a4672e
}

.hot-app {
    background-color: #fff;
    padding: 25px 0 15px 75px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.hot-app__title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 75px;
    background-color: #fbfaf7
}

.hot-app__title span {
    position: absolute;
    color: #000;
    font-size: 24px;
    line-height: 1.2;
    padding: 70px 20px 0;
    text-align: center;
    left: 0;
    width: 75px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hot-app__title span:before {
    content: "";
    position: absolute;
    height: 70px;
    top: 0;
    left: 0;
    right: 0;
    background: url(images/icon_hot.png?v=7da34f71) no-repeat 50%;
    -webkit-background-size: 61px 68px;
    -moz-background-size: 61px 68px;
    background-size: 61px 68px
}

.hot-app__title span.no-icon {
    padding-top: 0
}

.hot-app__title span.no-icon:before {
    display: none
}

.hot-app__title span.hehun-icon:before {
    background-image: url(images/icon_hot_hehun.png?v=730019af);
    -webkit-background-size: 46px 73px;
    -moz-background-size: 46px 73px;
    background-size: 46px 73px
}

.hot-app__nav>span {
    float: left;
    width: 115px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hot-app__nav>span>a {
    display: block;
    height: 80px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0 auto 5px;
    width: 80px;
    overflow: hidden;
    background: url(images/hot_bg.png?v=171c7828) no-repeat;
    -webkit-background-size: 810px auto;
    -moz-background-size: 810px auto;
    background-size: 810px auto
}

.hot-app__nav>span>a:hover {
    background-color: #ebe4d8
}

.hot-app__nav>span>p {
    font-size: 14px;
    height: 28px;
    line-height: 28px
}

.hot-app__nav>span:first-child>a {
    background-position: 0 0
}

.hot-app__nav>span:nth-child(2)>a {
    background-position: -125px 0
}

.hot-app__nav>span:nth-child(3)>a {
    background-position: -245px 0
}

.hot-app__nav>span:nth-child(4)>a {
    background-position: -365px 0
}

.hot-app__nav>span:nth-child(5)>a {
    background-position: -485px 0
}

.hot-app__nav>span:nth-child(6)>a {
    background-position: -605px 0
}

.hot-app__nav>span:nth-child(7)>a {
    background-positi.topic-article__itemon: -725px 0
}

.hot-app__nav>span:nth-child(8)>a {
    background-position: 0 -120px;
    margin-top: 10px
}

.hot-app__nav>span:nth-child(9)>a {
    background-position: -125px -120px;
    margin-top: 10px
}

.hot-app__nav>span:nth-child(10)>a {
    background-position: -245px -120px;
    margin-top: 10px
}

.hot-app__nav>span:nth-child(11)>a {
    background-position: -365px -120px;
    margin-top: 10px
}

.hot-app__nav>span:nth-child(12)>a {
    background-position: -485px -120px;
    margin-top: 10px
}

.hot-app__nav>span:nth-child(13)>a {
    background-position: -605px -120px;
    margin-top: 10px
}

.hot-app__nav>span:nth-child(14)>a {
    background-position: -725px -120px;
    margin-top: 10px
}

.relative-article {
    float: left;
    width: 45%;
    margin: 0 5% 0 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.relative-article:hover {
    background: -webkit-gradient(linear,left top,right top,from(#f8f3ea),to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: -moz-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: -o-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: linear-gradient(90deg,#f8f3ea,rgba(0,0,0,0))
}

.article-withimg {
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin-top: 15px;
    padding: 0 15px 0 195px;
    height: 120px
}

.article-withimg>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 120px
}

.article-withimg__title {
    -webkit-line-clamp: 2;
    font-size: 18px;
    height: 60px;
    line-height: 30px
}

.article-withimg>span {
    position: absolute;
    left: 195px;
    bottom: 0;
    color: #999
}

.article-withimg:hover {
    background: -webkit-gradient(linear,left top,right top,from(#f8f3ea),color-stop(#f8f3ea),to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left,#f8f3ea,#f8f3ea,rgba(0,0,0,0));
    background: -moz-linear-gradient(left,#f8f3ea,#f8f3ea,rgba(0,0,0,0));
    background: -o-linear-gradient(left,#f8f3ea,#f8f3ea,rgba(0,0,0,0));
    background: linear-gradient(90deg,#f8f3ea,#f8f3ea,rgba(0,0,0,0))
}

.article-list {
    padding: 10px 0 0 180px;
    position: relative;
    overflow: hidden
}

.article-list__left {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px
}

.article-list__left>a {
    display: block;
    margin-top: 20px;
    line-height: 1.5
}

.article-list__left>a img {
    margin-bottom: 10px;
    height: 120px
}

.article-list__left>a div {
    -webkit-line-clamp: 2;
    height: 48px;
    font-size: 14px
}

.article-list__right {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px 0 15px
}

.topic-article {
    padding: 8px 10px;
    background-color: #fff
}

.topic-article__item {
    display: block;
    height: 120px;
}

.topic-article__item h3 a {
    font-weight: 500;
    color: #000;
}

.topic-article__item h3 a:hover {
    color: #a4672e;
}

.topic-article__item--img {
    float: left;
    width: 180px;
    height: 120px;
    margin-right: 20px;
}

.topic-article__item--img img {
    width: 180px;
    height: 120px;
}

.topic-article__item--title {
    font-size: 18px;
    font-weight: 600;
    height: 30px;
    line-height: 30px
}

.topic-article__item--desc {
    font-size: 14px;
    -webkit-line-clamp: 2;
    height: 80px;
    line-height: 25px;
    margin: 8px 0
}

.topic-article__item--tag {
    height: 34px;
    line-height: 34px
}

.topic-article__item--tag a {
    display: inline-block;
    height: 32px;
    border: 1px solid #f8f3ea;
    line-height: 32px;
    background-color: #fff;
    margin-right: 10px;
    padding: 0 8px;
    color: #d2956a
}

.topic-article__item--tag a:hover {
    background-color: #a4672e;
    color: #fff
}

.news {
    border-top: 1px solid #f8f3ea;
    padding: 18px 15px;
    background-color: #fff;
}

.news:hover {
    background: -webkit-gradient(linear,left top,right top,from(#f8f3ea),to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: -moz-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: -o-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: linear-gradient(90deg,#f8f3ea,rgba(0,0,0,0))
}

.pagination {
    margin: 30px -25px 0;
    border-top: 1px solid #f6f4f1;
    text-align: center;
    padding: 24px 0
}

.pagination a,.pagination span {
    display: inline-block;
    margin: 0 3px;
    vertical-align: top
}

.pagination a {
    height: 32px;
    padding: 0 10px;
    border: 1px solid #eedfc5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pagination .current {
    padding: 0 11px;
    color: #fff;
    background-color: #a4672e
}

.shier-tags {
    overflow: hidden
}

.shier-tags__box {
    float: left;
    width: 430px;
    background-color: #fff;
    position: relative;
    padding-left: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.shier-tags__box h3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    bottom: 0;
    background-color: #eedfc5
}

.shier-tags__box h3 span {
    position: absolute;
    left: 0;
    width: 45px;
    padding: 0 10px;
    line-height: 1.2;
    top: 50%;
    text-align: center;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.shier-tags__box:last-child {
    float: right
}

.shier-tags__box span {
    float: left;
    width: 33.3333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #f8f3ea;
    padding: 5px 15px;
    text-align: center
}

.shier-tags__box span:nth-child(3n+1) {
    border-right: none
}

.shier-tags__box span a {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 18px
}

.shier-tags__box span a:hover {
    background: -webkit-gradient(linear,left top,right top,from(#f8f3ea),to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: -moz-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: -o-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: linear-gradient(90deg,#f8f3ea,rgba(0,0,0,0))
}

.tuijian-topic {
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 25px
}

.tuijian-topic .title {
    padding: 0 20px
}

.tuijian-topic a {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15px;
    padding: 0 20px
}

.side-calendar {
    padding: 15px;
    background-color: #fff
}

.side-calendar__date {
    padding-left: 135px;
    position: relative;
    line-height: 26px;
    height: 90px
}

.side-calendar__date--card {
    position: absolute;
    top: 0;
    left: 5px;
    width: 120px;
    height: 90px;
    background-color: #f8f3ea;
    text-align: center
}

.side-calendar__date--card .date {
    height: 30px;
    line-height: 30px;
    background-color: #c30;
    color: #fff
}

.side-calendar__date--card .day {
    height: 60px;
    line-height: 50px;
    font-size: 36px;
    position: relative
}

.side-calendar__date--card .day span {
    position: absolute;
    font-size: 14px;
    bottom: 15px;
    right: 10px;
    width: 16px;
    line-height: 1.2
}

.side-calendar__date--card h4 {
    height: 30px;
    line-height: 30px;
    background-color: #a4672e;
    color: #fff
}

.side-calendar__date--card h1 {
    height: 60px;
    line-height: 50px;
    font-size: 36px;
    position: relative
}

.side-calendar__date--card h1 span {
    position: absolute;
    font-size: 14px;
    bottom: 15px;
    right: 10px;
    width: 16px;
    line-height: 1.2
}

.side-calendar__yiji {
    padding-left: 40px;
    position: relative;
    margin-top: 10px;
    min-height: 64px
}

.side-calendar__yiji span {
    position: absolute;
    top: 12px;
    left: 0;
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    text-align: center
}

.side-calendar__yiji span.yi {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAAbFBMVEUAAADMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwDMMwD77+rccEzWXTTYYzz56OLUUSXfgGDaa0bSSBrPPQ366+XvwLDddFHaakXQQhLOOgj45d700sfnnobii27VWC700cal4b5TAAAADXRSTlMANvD17C891cemlhUQ/kDANgAAAMVJREFUKM99ztkOgyAQheGxYF1B0dat4tb3f8dyQTomBz3JXH2/QTotSkRWZCKJKLin6KbO3fyIwvzRo970ONQ+ADbKLIeqtA+QlbLufIDsxwHzm5kDYAiAMWDGABgC5mAQU9L9GYKhT0lMo7ra10jKbr/PqRDbYoPc612WlLX6UOGZYc5v31/d++7/qwt+LTal6FH7ALhpZUwchJmDIEMAzAEyBsgcIGPQM4eCShtmDNZmd+cZg9n0cjbWMyxOZV7mMj3zD8axI3qz+mFhAAAAAElFTkSuQmCC") no-repeat 50%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.side-calendar__yiji span.ji {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAAXVBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZm3t7f09PT39/eurq6xsbGfn5+oqKi/v7+kpKTg4ODp6enPz8/FxcXo6OiYajLMAAAAEHRSTlMA7zb0MD32xxLTqqKZkivbtnMyLAAAALxJREFUKM99zlkOgzAMRVGHUghjiTNQpu5/mQWB6kov4Un+OjcC+ltWFY2uiyqj6J6PyUz7BZXF2fDM637uDJD94NkNxl4B8jkJgCEAlgAYA2QMhDEAhkA4GuT0muzFGHAoqTDzkNrHK2pu33ekHyvHOdhNaapH6xLvPYf29vuLV1QFNgl+H/+fKWdNgkfVkwQRzokkiDIEwBIgY4AsATIGQTgWGOuFIeCFN7v8GILgw3En4/JSdbpVZU+yL3xfKKNPmsfPAAAAAElFTkSuQmCC") no-repeat 50%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.side-calendar__yiji a {
    display: inline-block;
    margin-right: 10px
}

.side-calendar__yiji a:hover {
    text-decoration: underline
}

.side-shengxiao {
    padding: 15px;
    overflow: hidden;
    background-color: #fff
}

.side-shengxiao a {
    font-family: Kaiti;
    font-size: 36px;
    width: 33.3333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-color: #f8f3ea;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    float: left;
    height: 90px;
    line-height: 90px
}

.side-shengxiao a:hover {
    background-color: #a4672e;
    color: #fff
}

.side-app {
    background-color: #fff;
    padding: 0 15px 20px;
    overflow: hidden;
    font-size: 15px
}

.side-app__item {
    margin-top: 10px;
    height: 36px;
    overflow: hidden
}

.side-app__item>.select,.side-app__item>input {
    margin: 0;
    float: left
}

.side-app__item>.select span,.side-app__item>input,.side-app__item select {
    padding: 0 5px
}

.side-app__item .small,.side-app__item>.select {
    width: 90px;
    margin-right: 5px
}

.side-app__item__btn,.side-app__item a {
    float: left;
    width: 80px;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAkBAMAAAA6KXosAAAAGFBMVEW5lGLCm2rGoG69l2a1j1/Ko3GyjFzNpnRy2v+iAAADGElEQVQ4y02Uwc7bIBCEl4By3oWkvQZSq1ewo56pauVeV1aukWrlASpFef3OQv+oyLHwB+wOCxP6Pqwx79gkppLWJebqYxU263omf9ilC/kBmGgjotnSyJPIRLZIsMLk7kSukvVcPLCiedaHxotJgRyGIhXe3FbdXJ2Vywg8kzmRpJQkYLVnKyKB8CACcEQYMojZMCVtkmcr2Xj0qJw3Kr5juhppH4FaQz84fSEUZGM7WamVxBgTVq3AtVLB0HUnGTi6WpChY4054sPKqaWOTGPcGwxEytUgnjScyUvDQrlPDCqayN8WvCVq0o6LR5bjbcFbi2OR2SRnvr5eP2cTESIoNsDItLu9nrFSbqpRGzw6kbTiiNWwsPHfRkw8I92KA3ImHYrQ53UJNhJqbtK6pgB8wZHhCDNka2OCxLI3IkSYipitZaQxmYqII2I3ox6aoj62eX5s2HX1PzM0+nTYiZsbrjRpE2zbWe0jB2UbRWmBbKKGCXGhgOn46VH9ivZc+HqXEz6e8YI0D+tvik/UxSCefDTEnIp2QrZvzBTdwx5P13pEqAda9Qs/fqfzvJmBH/XzkhVvBAFhKrqzAKnS3/kuDV+q4tKC048jqjnbgdvB4AyopvOdfgxPrlreOt6AodHcXgvXMWg43SneJrIO/8zkFQfFTCPmf/nhD+ZrdFCzmYQy/roPiHL4ni674exUeSaDI+RdmHSxNi2qgS9XmHNk84GhUW/8eMCpWi3kEmr5WYWBGdbaRWePwInpbic15silVRDvbtdpAiUPHBQz1X4lC3zJDh29OrzNDV8tksUMbLmfTKC+GBYlCbN6rGNnJP9v18h7K66kYYENzluV1HG+mkCj9t52FaqlaQSyEb2OmWjUD2Fgi59PGb7EmIFdRf2es+IIHHTJqadWuzmrds2IHDHjw4Wyt+TVxX1iu/Tw5esZXPUYx0QPrC528Nwf/tCY4MJLtysCSuwa1cWy11sR6/u/hzzbAedGHtZ6b0bXj8D/yhM1M1R6yDKYeq6lY1yzMTSN74KrMFRXt/sD66S19q/QLrWjv8cUsdXI8qlGAAAAAElFTkSuQmCC") no-repeat 50%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.side-app__item__btn:hover,.side-app__item a:hover {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAkBAMAAAA6KXosAAAAD1BMVEW6LgC/LwDEMQDJMgC3fVTIDITTAAACL0lEQVQ4y42U0XnkIAyEwdeAhBswuIKFBvbu0n9N+TVAnLxFX2wrs9KMkCynj9/ZO70Tlu28vFU3556bBya82IRLBMqKHXeNn1pP5foWWEbA/k7/GhYUjTy83GqEywwPGI/A/2OMXi2Sc8NLTqC3seCjpnLjIS2FoCnN8cSHN2FbcFs1+g204LigwuAi7ZQcNaJBDgGZWzPUumXkgEmugmvahzG/jeQxuMOHuOCpQo22aoQpKGGhOfFXVeMt+AR+DnNBqUAI92EcPidWgWpPJTlyb9xM6Iv/BR8tRoZvu8Z8XtnBkYTQkQizjIzpMFO6jAvoa26v1LoF3I1+ywj761ipRlctXCIcThnl0kO56mMPieANCy6kiuBmqhYjsHoTH4/JQiQPYA+4THako19XNJsbJiePKpgLhafGYmklroJT9QXjbMZ7vGb2MWtkZK9E8yEGInbXyF2Zk1OPZjqM4MWpyaiLWZsANwLlle6AGcwxJrzac8xMhlHnepkYCxvngqNGfmSgR3AOjBYy7Su3uOxPT4I7I3TXuOa6ZvEF4L7XFS/7s66ImRw4nnX1dHYLZ709VaGqca2XzH+sa2/xqqPCLsWe5EoSDjA1HK5G1r2FcD5bmGPeD6wtVKCkDEReWiuz4fP5pNwkFjTRbm64RPQNJ8G2D2MxbO1MCKPZNjzfyLWu4ttbWKLlJuXyY1131XM0TMXnYUxbTP63de2hTK4+e31uAiYZDg0M328/zZ/lsIw0I11S0wAAAABJRU5ErkJggg==")
}

.side-minjian {
    background-color: #fff;
    padding: 0 15px 30px
}

.side-minjian__nav {
    padding-bottom: 10px;
    overflow: hidden
}

.side-minjian__nav>span {
    float: left;
    width: 33.3333%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.side-minjian__nav>span>a {
    display: block;
    height: 80px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 0 auto;
    width: 80px;
    background: url(images/hot_bg.png?v=171c7828) no-repeat;
    -webkit-background-size: 810px auto;
    -moz-background-size: 810px auto;
    background-size: 810px auto
}

.side-minjian__nav>span>a:hover {
    background-color: #f8f3ea
}

.side-minjian__nav>span>p {
    font-size: 14px
}

.side-minjian__nav>span:first-child>a {
    background-position: 0 0
}

.side-minjian__nav>span:nth-child(2)>a {
    background-position: -125px 0
}

.side-minjian__nav>span:nth-child(3)>a {
    background-position: -245px 0
}

.side-minjian__nav>span:nth-child(4)>a {
    background-position: -365px 0
}

.side-minjian__nav>span:nth-child(5)>a {
    background-position: -485px 0
}

.side-minjian__nav>span:nth-child(6)>a {
    background-position: -605px 0
}

.side-tags {
    overflow: hidden
}

.side-tags a {
    float: left;
    width: 122px;
    background-color: #f8f3ea;
    border: 1px solid #eedfc5;
    margin-top: 12px;
    text-align: center
}

.side-tags a:nth-child(2n) {
    float: right
}

.side-tags a:hover {
    background-color: #a4672e;
    color: #fff
}

.side-topic {
    padding: 0 20px 20px;
    background-color: #fff;
    overflow: hidden
}

.side-topic__box {
    margin-top: 10px;
    overflow: hidden
}

.side-topic__box a {
    float: left;
    width: 120px
}

.side-topic__box a:nth-child(2n) {
    float: right
}

.side-article {
    padding: 0 10px 25px 15px;
    background-color: #fff
}

.side-article__box {
    overflow: hidden;
    margin: 0 -8px;
    padding: 10px
}

.side-article__box a {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px
}

.side-article__box a div {
    -webkit-line-clamp: 2;
    height: 40px;
    line-height: 20px;
    margin-top: 5px
}

.side-article>a {
    padding: 0 10px
}

.side-article>a:hover {
    background: -webkit-gradient(linear,left top,right top,from(#f8f3ea),to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: -moz-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: -o-linear-gradient(left,#f8f3ea,rgba(0,0,0,0));
    background: linear-gradient(90deg,#f8f3ea,rgba(0,0,0,0))
}

.sider {
    position: fixed;
    bottom: 306px;
    left: 50%;
    margin-left: 612px;
    width: 125px;
    z-index: 3;
    padding: 15px 12px 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.sider>img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.sider-box {
    background-color: #fff
}

.sider-box__logo {
    display: block;
    padding: 14px 14px 16px 4px
}

.sider-box__nav {
    padding: 10px 0;
    margin: 0 20px;
    display: block;
    text-align: center;
    border-bottom: 1px solid #eedfc5
}

.sider-box__nav:last-child {
    border-bottom: none
}

.sider-box__gotop {
    text-align: center;
    padding: 50px 0 10px;
    border-top: 1px solid #f6f4f1;
    display: block;
    font-size: 14px;
    position: relative
}

.sider-box__gotop:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    width: 30px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid #999899;
    border-width: 4px 4px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -15px
}

.protocol-pop {
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: none
}

.protocol-pop__box {
    width: 600px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: -200px 0 0 -300px
}

.protocol-pop__box--title {
    background-color: #eee;
    overflow: hidden;
    height: 40px;
    text-align: center
}

.protocol-pop__box--title .active {
    background-color: #fff;
    color: #a4672e
}

.protocol-pop__box--title li {
    width: 50%;
    float: left;
    line-height: 20px;
    padding: 10px 0;
    cursor: pointer
}

.protocol-pop__box--content {
    height: 320px;
    line-height: 1.8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 14px 10px
}

.protocol-pop__box--content li {
    height: 100%;
    overflow-x: hidden;
    display: none
}

.protocol-pop__box--content .active {
    display: block
}

.protocol-pop__box--content h2 {
    margin-top: 16px;
    font-size: 1.2em;
    font-weight: 600
}

.protocol-pop__box--content h3 {
    margin-top: 4px;
    font-size: 1.1em
}

.protocol-pop__box--content p {
    margin-top: 10px
}

.protocol-pop__box--content em {
    text-decoration: underline
}

.protocol-pop__close {
    width: 120px;
    height: 30px;
    left: 0;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    display: block;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translate(-40%,-50%);
        transform: translate(-40%,-50%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 1
    }
}

@-moz-keyframes slideLeft {
    0% {
        -moz-transform: translate(-40%,-50%);
        transform: translate(-40%,-50%);
        opacity: 0
    }

    to {
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 1
    }
}

@-o-keyframes slideLeft {
    0% {
        -o-transform: translate(-40%,-50%);
        transform: translate(-40%,-50%);
        opacity: 0
    }

    to {
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 1
    }
}

@keyframes slideLeft {
    0% {
        -webkit-transform: translate(-40%,-50%);
        -moz-transform: translate(-40%,-50%);
        -o-transform: translate(-40%,-50%);
        transform: translate(-40%,-50%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/*# sourceMappingURL=style.min.css.map */